<template>
	<view>
		<view v-for="item in datalist" style="margin: 10rpx;">
		<News
			:title="item.title"
		    :isTop="item.isTop"
			:author="item.author"
			:comments="item.comments"
			:time="item.time"
			:mode="item.mode">
			<template v-slot:footer v-if="item.showSearch">
				<view><text class="ss">相关搜索：火影忍者</text></view>
			</template>
		</News>
		</view>
	</view>
</template>

<script>
	import News from "../../components/xinwen.vue"
	export default {
		components:{
			News
		},
		data() {
			return {
				
			datalist: [
				{
				    title: "新的十一月，我们一起前进！",
				    isTop: true,
				    author: "央视新闻",
				    comments: "205万",
				    time: "2025.11.4"
				},
				{
					title: "美国又有实验用猴跑了：具体是否携带病毒说法不一",
					mode:2,
					isTop: true,
					author: "红星新闻",
					comments: "3万",
					time: "2025.10.29",
				},
				{
					title: "《博人传》相较《火影》的三大颠覆改进!黑粉都说好?",
					mode:2,
					isTop: true,
					author: "游民星空",
					comments: 78,
					time: "2025.10.29",
					showSearch:true,
				},
				{
					title: "高市早苗上台后，中国的第一次强烈抗议",
					isTop: false,
					author: "新浪新闻综合",
					comments: 1256,
					time: "2025.10.29",
				},
				{
					title: "杜兰特：阿门兼顾攻防责任 我们得投进他创造的机会 为他提供帮助",
					isTop: false,
					author: "NBA综合",
					comments: 8554,
					time: "2025.10.29",
				},
				]
			}
		},
		
		methods: {
			
		}
	}
</script>

<style>
.ss{
	font-size: 25rpx;
	color: blue;
}
</style>
